body{
    background: url('images/333.jpg') no-repeat center center fixed;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    height: 100vh;
    justify-content: center;
    align-items: center;
}
#login-box{
    width: 30%;
    height: auto;
    margin: 0 auto;
    margin-top: 15%;
    text-align: center;
    background: #00000060;
    padding: 20px 50px;
    border-radius: 10px;
}
#login-box h1{
    color: #fff;
    margin-bottom: 20px;
}
#login-box .form .item input{
    width: 100%; /* 调整为100%宽度以适应父容器 */
            font-size: 18px;
            border: none;
            border-bottom: 2px solid #fff;
            padding: 10px 0;
            background: transparent;
            color: #fff;
}
#login-box .form i{
    font-size: 18px;
    color: #fff;
    margin-right: 10px;
}
#login-box .form .item input {
    width: 180px;
    font-size: 18px;
    border: 0;
    border-bottom: 2px solid#fff;
    padding: 5px 10px;
    background:#ffffff00;
    color: #fff;
}
#login-box button{
    margin-top: 15px;
    width: 100%; /* 调整为100%宽度以适应父容器 */
    height: 30px;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    background:linear-gradient(to right,#f30909 0%,#4013e6e1 100%);
    border: 0;
    border-radius: 15px;
    cursor: pointer;
}